import React, { useEffect } from "react";
//导入 PubSub
import PubSub from 'pubsub-js';

export default function C(props) {
  //创建容器
  let div = React.useRef();
  //模拟组件挂载完毕
  useEffect(() => {
    //订阅某个频道   频道的名称    第一个参数是频道的名字, 第二个参数是接收到的数据
    PubSub.subscribe('msg', (_, data) => {
      div.current.innerHTML = data;
    }); 

    //组件销毁前的回调
    return () => {
      //取消对频道的订阅
      PubSub.unsubscribe('msg');
    }
  }, [])

  return (
    <div ref={div} style={{width: 300, height: 200, border: 'solid 1px #258'}}>
      
    </div>
  );
}
